<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>Waves Data Browser</title>
    <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
    <link href="layout.css" rel="stylesheet" type="text/css">
    <!--[if IE]><script language="javascript" type="text/javascript" src="js/excanvas.pack.js"></script><![endif]-->
    <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery.flot.js"></script>
    <script language="javascript" type="text/javascript" src="js/viewer.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
	viewer_initialize();
      })
    </script>
  </head>

  <body>
    <table>
      <tr>
        <td valign="top">
	  <h2>Waves Data Browser</h2>
	  <hr />
  
	  <p> Select a vorticity class:
		  
	    <select id="vorticityClass" name="vorticityClass">
		    <optgroup label="Vorticity class">
			    <option value=""></option>
			    <option value="exp">constant</option>
			    <option value="step">step</option>
			    <option value="tanh">tanh</option>
		    </optgroup>
	    </select>
	    <br />
	    <span id="spanVorticityStrengthText"> </span>
	    <span id="spanVorticityStrengthSelect"> </span>
		  
	  </p>		
  
	  <!-- Plot and image placeholders -->
	  <div id="bifPlaceholder"> </div>
	  <div id="buttons">
	    <button id="stagnatingWaveButton" type="button" value="stagnatingWave">Jump to stagnating wave</button>
	    Slot: 
	    <select id="slotSelect">
	      <option value="0">0</option>
	      <option value="1">1</option>
	    </select>
	  </div>
	  <div id="waveInfo"> </div>
	  </td>
      <td>
	<div id="tabs"><ul /></div>
      </td>
    </tr>
  </table>
  </body>
</html>
